<%# locals: (label: "#{rodauth.login_label}#{rodauth.input_field_label_suffix}") %>

<%== part(
  "components/form/text",
  name: rodauth.login_param,
  type: rodauth.login_input_type,
  label: label,
  value: rodauth.param("login"),
  extra_class: ("bg-gray-100" if rodauth.valid_login_entered?),
  attributes: {
    required: true,
    # Using readonly is technically better, but may result in password
    # managers such as 1Password not being able to fill in the password,
    # so it is better to leave it off.
    # readonly: rodauth.valid_login_entered?,
    autocomplete: rodauth.login_field_autocomplete_value
  }
) %>
